<!-- src/pages/AboutPage.vue -->
<template>
    <div class="about-page">
      <h1>关于我们</h1>
      <p>这是一款日记应用，旨在帮助用户记录和管理他们的日常生活。用户可以轻松创建、编辑、删除日记，并可以查看过去的日记记录。</p>
      <p>本应用为学习项目，使用 Vue.js 和 Element Plus 开发。</p>
      <el-button type="primary" @click="goHome">返回首页</el-button>
    </div>
  </template>
  
  <script setup>
  import { useRouter } from 'vue-router';
  
  const router = useRouter();
  
  // 返回首页的功能
  const goHome = () => {
    router.push({ name: 'HomePage' });
  };
  </script>
  
  <style scoped>
  .about-page {
    text-align: center;
    margin-top: 50px;
  }
  
  .about-page h1 {
    margin-bottom: 20px;
  }
  
  .about-page p {
    margin: 10px 0;
  }
  
  .el-button {
    margin-top: 20px;
  }
  </style>
  